﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title - Color Selector</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
        @Styles.Render("~/Content/bootstrap")
        @Styles.Render("~/Content/font-awesome")
        @Styles.Render("~/Content/css")
    </head>
    <body>
        <header>
            <div class="navbar navbar-fixed-top navbar-inverse" id="header-bar">
                 <div class="navbar-inner" id="header-nav">
                    <div class="container">
                        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </a>
                        @Html.ActionLink("Connections Academy", "Index", "Home", routeValues: null, htmlAttributes: new { @class = "brand logo", title = "Logo" })
                        <ul class="nav">
                            @Html.MenuItem("Description", "Index", "Home")
                            @Html.MenuItem("Color Selector", "Index", "Color")
                        </ul>
                        <div class="nav-collapse collapse">
                            @Html.Partial("_LoginPartial")
                        </div>
                    </div>
                 </div>
            </div>
        </header>
        <div id="body">
            <div class="center">
                @RenderSection("featured", required: false)
                <section class="content-wrapper main-content clear-fix">
                    @RenderBody()
                </section>
            </div>
        </div>
        <footer>
            <div class="content-wrapper">
                <div class="float-left">
                    <p>&copy; @DateTime.Now.Year - Color Selector Application</p>
                </div>
            </div>
        </footer>

        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/bootstrap")
        @Scripts.Render("~/bundles/modernizr")
        @Scripts.Render("~/bundles/knockout")
        @RenderSection("scripts", required: false)
    </body>
</html>
